<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>Payment details</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        .show span {
            border: 1px solid #CCCCCC;
            border-radius: 22px;
            width: 22px;
            height: 22px;
            float: right;
            margin-top: 20px;
            margin-right: 20px;
            box-sizing: border-box;
        }

        .show input[type="radio"]:checked+span {
            border: none;
            ;
            background: url() no-repeat;
            background-size: 100%;
        }

        .confit {
            width: 90%;
            height: 45px;
            line-height: 45px;
            border-radius: 5px;

            background-color: #303030;
            color: #fff;
            text-align: center;
            margin: 100px auto;
        }

        .status {
            color: #4ab440;
            font-size: 17px;
            margin-top: 50px;
            margin-bottom: 160px;
            text-align: center;
            ;
        }

        .btn {
            width: 90%;
            height: 45px;
            line-height: 45px;
            border-radius: 5px;
            background-color: #303030;
            color: #fff;
            text-align: center;
            margin: 100px auto;
        }
    </style>
</head>

<body style="background: #f5f5f5;height:100vh">
    <!-- <div style="position: relative;text-align: center;line-height: 45px;background-color: #303030;color: #FFF;">
        <img src=""
            alt="" style="position: absolute ; left: 10px;top:10px;width: 24px;" onclick="window.history.back(-1)">
        Payment details
    </div> -->
    <div style="padding: 0;border: 1px solid transparent;" id="body1">
        <img style="margin: 50px auto;display: block;"
            src=""
            alt="">

        <div class="status">Payment successful</div>
        <div class="btn" id="head1" onclick="window.location.href='https://www.empirise.com/mall/public/web'">Return
        </div>
    </div>
    <script>

        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }
        var isWeb = GetQueryString("isWeb") || "web";
        if (isWeb == "app") {
            var box = document.getElementById("body1");  //找到父元素
            var p1 = document.getElementById("head1");    //找到子元素    
            box.removeChild(p1);
        }

    </script>

</body>

</html>